<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
<script>
  // Promise.all(可迭代对象)
  Promise.all([
    // new Promise((resolve, reject) => {
    //   $ajax({
    //     url: 'url1',
    //     success: (data) => {
    //       resolve(data)
    //     }
    //   })
    // }),
    // new Promise((resolve, reject) => {
    //   $ajax({
    //     url: 'url2',
    //     success: (data) => {
    //       resolve(data)
    //     }
    //   })
    // })
    
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({
          name: "xiaochen",
          age: 19
        })
      }, 2000)
    }),
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({
          name: "xiaohong",
          age: 20
        })
      }, 1000)
    })
  ]).then(results => {
    // 返回的results为一个数组
    console.log(results)
  })



  // // 创建一个共享对象
  // const shareObj = {
  //   name: 'chen'
  // }

  // // 在Vue原型中添加 全局Vue中可以调用 但不是响应式的
  // Vue.prototype.shareObj = shareObj

  // // 创建组件
  // Vue.component('cpn1', {
  //   tempalte: this.shareObj
  // })

  // // 创建组件
  // Vue.component('cpn1', {
      
  // })

  // // 创建一个Vue实例
  // const app = new Vue({
  //   el: '#app'
  // })
</script>
  
</body>
</html>